﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegDefault.aspx.cs" Inherits="Boiling.Web.RegDefault" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Boiling社区注册用户</title>
    <link href="css/defaultstyle.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
    	<script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>
		<script src="scriptaculous/src/effects.js" type="text/javascript"></script>
		<script type="text/javascript" src="fabtabulous.js"></script>
		<script type="text/javascript" src="validation.js"></script>
		<link rel="stylesheet" type="text/css" href="css/sheetstyle.css" />

</head>

<body>
    <div style = "position:absolute; left: 17%; top: 0%; z-index:100;"><img src="images/logo_text2.png" alt="Boiling" width="315" height="130" border="0" /></div>
<!-- top navigation start1 -->
	<div id="topNav">
	  <ul>
			<li><a href="default.aspx" title="Home" >首页</a></li>
			<li><a href="RegDefault.aspx" title="Register" class="hover">注册</a></li>
			<li><a href="#" title="Login">登录</a></li>
			<li><a href="#" title="SetIndex" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://59.66.143.36/')">设为首页</a></li>
			<li><a href="#" title="AddFavourate" onclick="window.external.AddFavorite(location.href, document.title)">加入收藏</a></li>
			<li><a href="QuickStart.aspx" title="Help">帮助</a></li>
			<li><a href="AboutUs.aspx" title="Contact">关于我们</a></li>
	  </ul>
	</div>
<!-- top navigation end -->
	<!-- body start -->
	<div id="body" style="background-color: #FFFFFF; padding: 80px 0px 0px 20px; background: url(images/frame4.jpg); background-repeat:repeat-x; width: 1000; position:relative; left: 000px;">
		<div id="Pannel" style="margin-right: 80px; margin-left: 60px; margin-bottom: 20px;">
		<div id="container" style = "margin-bottom: 20px; padding-bottom: 20px;">
			<div id="mainmenu">
					<ul id="tabs">
						<li>
							<a href="#standard">基本信息</a>
						</li>
						<li>
							<a href="#Contact">联系方式</a>
						</li>
						<li>
							<a href="#ExtraInfo">附加信息</a>
						</li>
					</ul>
				<div class="panel" id="standard">
					<form id="test" action="RegisterConfirm.aspx" method="post">
					<fieldset>
						<legend>资料填写区域</legend>
						<div class="form-row">
							<div class="field-label"><label for="UserName">用户名</label>:</div>
							<div class="field-widget"><input name="UserName" id="UserName" class="required" title="Enter your name" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="Email">电子邮箱</label>:</div>
							<div class="field-widget"><input name="Email" id="Email" class="required validate-email" title="Enter your name" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field8">密码</label>:</div>
							<div class="field-widget"><input type="password" name="PassWord" id="PassWord" class="required validate-password" title="Enter a password greater than 6 characters" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field9">确认密码</label>:</div>
							<div class="field-widget"><input type="password" name="rePassWord" id="rePassWord" class="required validate-password-confirm" title="Enter the same password for confirmation" /></div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field3">学号</label>:</div>
							<div class="field-label">
								<input name="schoolID" id="schoolID" class="required validate-number" title="Enter your employee number, please use only alphanumeric characters" />		
							</div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field7">所属院校</label>:</div>
							<div class="field-widget">
								<select id="School" name="School" class="validate-selection" title="Choose your department">
									<option>请选择...</option>
									<option>五道口男子技术学院</option>
									<option>隔壁的</option>
									<option>火星职业高中</option>
									<option>泛银河大学联盟</option>
									<option>俺没上过学</option>
								</select>
							</div>
						</div> 
						<div class="form-row">
							<div class="field-label"><label for="Age">年龄</label>:</div>
							<div class="field-label"><input name="Age" id="Age" class="validate-number" title="Optional: Enter your age" /> (可选)</div>
						</div>
						<div class="form-row">
							<div class="field-label"><label for="field6">性别</label>:</div>
							<div class="field-label">
								<input type="radio" name="Sex" id="Sex_Male" value="男" />男<br />
								<input type="radio" name="Sex" id="Sex_Female" value="女" class="validate-one-required" />女
							</div>
						</div>
					</fieldset>
					<input type="submit" value="提交" /> <input type="button" value="重置" onclick="valid.reset(); return false" />
					</form>
					<script type="text/javascript">
					    function formCallback(result, form) {
					        window.status = "valiation callback for form '" + form.id + "': result = " + result;
					    }

					    var valid = new Validation('test', { immediate: true, onFormValidate: formCallback });
					    Validation.addAllThese([
							['validate-password', '你的密码不能低于六位，且不能与你的用户名相同。', {
							    minLength: 6,
							    notOneOf: ['password', 'PASSWORD', '123456', '012345'],
							    notEqualToField: 'UserName'
}],
							['validate-password-confirm', '请确认您两次输入的密码是否一致。', {
							    equalToField: 'PassWord'
}]
						]);
					</script>
				</div>
				<div class="panel" id="Contact">
					<form id="test2" action="#" method="post">
						<fieldset>
							<legend>您的联系方式默认为保密</legend>
							<div class="form-row">
								<div class="field-label"><label for="field1-t2">现居住地</label>:</div>
								<div class="field-widget"><input name="field1-t2" id="field1-t2" class="required" title="Enter your name. This is a required field" /></div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field3-t2">移动电话</label>:</div>
								<div class="field-label"><input name="field3-t2" id="field3-t2" class="required validate-alphanum" title="Enter your employee number, please use only alphanumeric characters" /></div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field4-t2">QQ</label>:</div>
								<div class="field-label"><input name="field4-t2" id="field4-t2" class="validate-number" title="Optional: Enter your age, please use only numbers" /></div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field5-t2">MSN</label>:</div>
								<div class="field-label"><input name="field5-t2" id="field5-t2" class="validate-currency-dollar" title="Optional: Enter a dollar amount for donation" /></div>
							</div>
						</fieldset>
						<input type="submit" value="提交" /> <input type="button" value="重置" onclick="valid2.reset(); return false" />
					</form>
					<script type="text/javascript">
					    var valid2 = new Validation('test2', { useTitles: true });
					</script>
				</div>
				<div class="panel" id="ExtraInfo">
					<form id="test3" action="#" method="post">
						<fieldset>
							<legend>让好友们了解你的爱好</legend>
							<div class="form-row">
								<div class="field-label"><label for="field1-t3">喜爱的运动</label>:</div>
								<div class="field-widget"><input name="field1-t3" class="required" title="Enter your name. This is a required field" /></div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field2-t3">喜爱的电影</label>:</div>
								<div class="field-label"><input name="field2-t3" class="required validate-alphanum" title="Enter your employee number, please use only alphanumeric characters" /></div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field3-t3">喜爱的音乐</label>:</div>
								<div class="field-label"><input name="field3-t3" class="validate-number" title="Optional: Enter your age, please use only numbers" /> </div>
							</div>
							<div class="form-row">
								<div class="field-label"><label for="field4-t3">喜爱的书籍</label>:</div>
								<div class="field-label"><input name="field4-t3" class="validate-currency-dollar" title="Optional: Enter a dollar amount for donation" /> </div>
							</div>
						</fieldset>
						<input type="submit" value="提交" /> <input type="button" value="重置" onclick="valid3.reset(); return false" />
					</form>
					<script type="text/javascript">
					    var valid3 = new Validation('test3');
					</script>
				</div>
		</div>
		
		<script type="text/javascript">
		    new Fabtabs('tabs');
		</script>
		</div>
		</div>
		<!-- body pannel end -->
	</div>
	<!-- body end -->
	<!-- footer start -->
	<div id="footer" style ="margin-top: -67px">
	    <img src="images/bottomShadow.png" alt="Boiling" width="778" height="130" border="0" style ="margin-left:-8%"/>
		<p>Boiling Design Group. All rights reserved.</p><br class="spacer" />
    </div>
	<!-- footer end -->	

</body>
</html>
